<template>
	<view class="rolling-wrap" style="background-color: #FFFFFF">
		<view class="col align-center" style="background-color: #f5f5f5; border-radius: 20px;">
			<view class="col align-center" style="padding-left:15px;width: 128rpx;height: 40rpx;">
				<image src="/static/icon/notice_icon.png" mode="widthFix" style="width: 128rpx;height: 40rpx;"></image>
			</view>
			<view style="flex: 1;">
				<notice-bar ref='notice' :text="text" :showClose="showClose" backgroundColor="#f5f5f5" :scrollable="scrollable" :vertical="true" :single="single"></notice-bar>
			</view>
		</view>
	</view>
</template>

<script>
	import NoticeBar from './NoticeBar.vue'
	export default {
		components: {
			NoticeBar
		},
		props: {
			text: {
				type: String,
				default: ''
			},
			moreText: {
				type: String,
				default: ''
			},
			backgroundColor: {
				type: String,
				default: '#fffbe8'
			},
			speed: {
				// 默认1s滚动100px
				type: Number,
				default: 10
			},
			color: {
				type: String,
				default: '#de8c17'
			},
			moreColor: {
				type: String,
				default: '#999999'
			},
			single: {
				// 是否单行
				type: [Boolean, String],
				default: false
			},
			scrollable: {
				// 是否滚动，添加后控制单行效果取消
				type: [Boolean, String],
				default: false
			},
			showIcon: {
				// 是否显示左侧icon
				type: [Boolean, String],
				default: false
			},
			showGetMore: {
				// 是否显示右侧查看更多
				type: [Boolean, String],
				default: false
			},
			showClose: {
				// 是否显示左侧关闭按钮
				type: [Boolean, String],
				default: false
			},
			vertical: {
				// 是否垂直滚动
				type: [Boolean, String],
				default: false
			},
			height: {
				// content-wrapper 的高度
				type: [String],
				default: '18px'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.rolling-wrap {
	padding: 10px;
}
</style>
